<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<html>

<body>

<script language="javascript" type="text/javascript">
<!-- 
//Browser Support Code
function ajaxFunction()
{
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	try
	{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try
		{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function()
	{
		var response;

		if(ajaxRequest.readyState == 4)
		{
			response = ajaxRequest.responseText;
			document.myForm.txtarea.value = response;
		}
	}
	ajaxRequest.open("GET", "person.json", true);
	ajaxRequest.send(null); 
}

//-->
</script>


<!-- execute the ajax function -->
<form name='myForm'>
<textarea rows="10" cols="40" name="txtarea">
</textarea> <br>
<input type="button" value="Submit" onCLick="ajaxFunction();"></form>
</body>
</html>